<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{BEESCRM:$title}</title>
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/mobiscroll.custom-3.0.0-beta2.min.css">
    <link rel="stylesheet" href="css/layer.css">
</head>
<body>
<div class="wraper">
    <div class="header flex-between">
        <a href="#" class="iconfont icon-llmainpageback "></a>
        <div class="title text-center font-16">购票名单</div>
        <a href="#" class="iconfont icon-saomiao-copy"></a>
    </div>
    <div class="content js-address">
        <div class="list">
            <div class="flex-between address-campus">
                <div>富春校区</div>
                <div class="arrows">
                    <p class="text-center" id="times">6:30</p>
                    <img src="images/jiantou.png" alt="">
                </div>
                <div>滨文校区</div>
            </div>
            <div class="iconfont icon-chevron-copy-copy-copy-copy-copy-copy icon-skip"></div>
        </div>
    </div>
    <div class="content">
        <div class="list flex-between">
            <div>待检票</div>
            <div class="name">金倩倩</div>
            <div>
                <span class="number">18758187941</span>
                <a href="" class="iconfont icon-dianhua"></a>
            </div>
        </div>
        <div class="list flex-between">
            <div>已检票</div>
            <div class="name">金倩倩</div>
            <div>
                <span class="number">18758187941</span>
                <a href="" class="iconfont icon-dianhua"></a>
            </div>
        </div>
        <div class="list flex-between">
            <div>已检票</div>
            <div class="name">金倩倩</div>
            <div>
                <span class="number">18758187941</span>
                <a href="" class="iconfont icon-dianhua"></a>
            </div>
        </div>
        <div class="list flex-between">
            <div>已过期</div>
            <div class="name">金倩倩</div>
            <div>
                <span class="number">18758127941</span>
                <a href="" class="iconfont icon-dianhua"></a>
            </div>
        </div>
    </div>
    <div class="pop-box hide">
        <div class="pop-hint">
            <div class="header flex-between">
                <a href="#" class="iconfont icon-llmainpageback js_back"></a>
                <div class="title text-center font-16">购票名单</div>
                <a href="#" class="gray ensure">确定</a>
            </div>
            <div class="pop-boxs margin-t12">
                <div class="pop-list flex-between">
                    <span>6:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>7:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>8:30</span>
                    <span>富春校区-滨文校区（经停滨文校区）</span>
                </div>
                <div class="pop-list flex-between">
                    <span>12:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>6:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>7:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>8:30</span>
                    <span>富春校区-滨文校区（经停滨文校区）</span>
                </div>
                <div class="pop-list flex-between">
                    <span>12:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>6:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>7:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>8:30</span>
                    <span>富春校区-滨文校区（经停滨文校区）</span>
                </div>
                <div class="pop-list flex-between">
                    <span>12:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>6:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>7:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
                <div class="pop-list flex-between">
                    <span>8:30</span>
                    <span>富春校区-滨文校区（经停滨文校区）</span>
                </div>
                <div class="pop-list flex-between">
                    <span>12:30</span>
                    <span>富春校区-滨文校区</span>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="js/jquery-2.1.0.min.js"></script>
<script>
    $('.icon-dianhua').click(function () {
        var number = $(this).siblings('.number').text();
        $(this).attr("href", 'tel:' + number);
    })
    $(function () {
        var name = $('.name').html();
        var name2 = name.substr(0, 1);
        var lenght = name.length - 1;
        var num = '';
        for (var i = 1; i <= lenght; i++) {
            num += '*';
        }
        $('.name').html(name2 + num);
    })

    $('.pop-box').on('click', '.pop-list', function () {
        $(this).addClass('pop-active').siblings().removeClass('pop-active');
    })
    $('.js-address').click(function () {
        $('.pop-box').removeClass('hide');
    })
    $('.js_back,.ensure').click(function () {
        $('.pop-box').addClass('hide');
    })
    $(function () {
        var height = $(window).height() - $('.header').outerHeight() - 12;
        $('.pop-boxs').css('height', height);
    })
</script>
</html>